$text-color:white;
$text-color-hover:rgba(125, 125, 123, 0.7);
$hide-color:rgba(125, 125, 123, 0.0);
$background-color: #000000;
$header-color:rgba(125, 125, 123, 0.5);
$color-one:gray;
$color-odd: #7D7D7B;
$color-th: #666666;

$color-footer-text-hover:black;

.background-gradient{
	background: -moz-linear-gradient(top, #4c4c4c 0%, #666666 25%, #2c2c2c 50%, #000000 75%, #131313 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #4c4c4c 0%, #666666 25%, #2c2c2c 50%, #000000 75%,	#131313 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4c4c4c 0%, #666666 25%, #2c2c2c 50%, #000000 75%, #131313 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4c4c4c 0%, #666666 25%, #2c2c2c 50%, 	#000000 75%, #131313 100%);/* IE10+ */
}
.scale{
	-ms-transform: scale(1.2,1.2); /* IE 9 */
    -webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */
    transform: scale(1.2,1.2);
}
.boxShadow{
	box-shadow: 4px 4px 10px #888888;
}

/*globul*/

a{
	text-decoration: none;
}
ul li{
	list-style-type: none;
}
.container-menu{
	padding: 8px 0 0  0;
}
#container div.highscore {
	padding: 20px;
}
.highscore {
	background: url('../images/blood2.png') no-repeat bottom left;
	
	table {
	    width: 60%;
	    border-collapse: collapse;
	    margin: 10px 10px 50px 10px;
	}
	caption{
		font-size: 2.0em;
		font-weight: both;
	}
	caption:hover{
		@extend .scale;
	}
	th{
		font-size: 1.2em;
		color: $text-color;	
		border-bottom: 1px solid #000;
		line-height: 2em;
		@extend .background-gradient;
	}
	td{
		opacity: 0.8;
		padding: 5px 20px;
		font-size: 1.5em;
	   	text-align: center;
	   
	   .avatar {
			background: url('../images/avatar.jpg') no-repeat center / 10px 10px;
	   }
	}

	tfoot tr td:hover{
		background: none;
	}
}
.highscore table ul.numbering {
	height: 30px;
	padding: 20px 0 0 0 ;
	width: 230px;
	
	li{
		float: left;
	}
	li a{
		color: black;
	}
	li a:hover {
		@extend .boxShadow;
	}
	li a.active{
		color:$text-color;
		@extend .background-gradient;
	}
	li a.number{
		padding: 5px 10px;
		border-right: 1px solid #000;
	}
	li a.last{
		border-right: none;
	}
	li a span{
		width: 33px;
		height: 27px;
		display: block;
		line-height:27px;
	}
	li a span:hover {
		color: $color-one;
	}
}
.highscore tr:nth-child(even) {
	background-color: $color-odd;
	color: $text-color;
	opacity: 0.8;
}
.highscore tr:nth-child(odd) {
	background-color: none;
}

@media screen and (min-width : 365px) 
and (max-width : 800px) {
    header {
        padding-top:30px;
        height:366px; 
        background: $background-color;
    }
}
@media screen and (min-width : 800px)
and (max-width : 1024px) {
	 header {
		height:150px;
		background: $background-color url('../images/hall.png') no-repeat top right;
	 }
	 .highscore tbody{
	 	tr:hover td:first-child {
		background: url("http://www.gunlife.org/store/secure/images/products/172.jpg") no-repeat bottom left ;
		background-size: 35px 38px;
		opacity: 1;
		}
	}
}
@media screen and (min-width : 1024px) {
	header {
		height:150px;
		background: $background-color url('../images/hall.png') no-repeat top right;
	 }
	 .highscore tbody {
	 	tr:hover td:first-child  {
		background: url("http://www.gunlife.org/store/secure/images/products/172.jpg") no-repeat bottom left ;
		background-size: 70px 38px;
		opacity: 1;
		}
	}
}



